<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XX大学-学院概况</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .nav-link { color: #333; }
        .nav-link.active, .nav-link:hover { color: #0066cc; }
        .list-group-item.active { background-color: #0066cc; border-color: #0066cc; }
        .list-item { border-bottom: 1px dashed #eee; padding: 15px 0; }
    </style>
</head>
<body>
    <!-- 导航栏（与首页一致，保持统一性） -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm">
        <div class="container">
            <a class="navbar-brand" href=" ">
                <img src="images/5.png" alt="学校logo" height="40">
            </a >
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="shouye.html">首页</a ></li>
                    <li class="nav-item"><a class="nav-link active" href="lanmuye.html">学院概况</a ></li>
                    <li class="nav-item"><a class="nav-link" href="list.html">教学科研</a ></li>
                    <li class="nav-item"><a class="nav-link" href="list.html">招生就业</a ></li>
                    <li class="nav-item"><a class="nav-link" href="list.html">联系我们</a ></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 面包屑导航 -->
    <div class="container my-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">首页</a ></li>
                <li class="breadcrumb-item active" aria-current="page">学院概况</li>
            </ol>
        </nav>
    </div>

    <!-- 列表页核心区（左侧分类+右侧内容） -->
    <div class="container mb-5">
        <div class="row">
            <!-- 左侧分类导航（响应式折叠） -->
            <div class="col-lg-3 d-none d-lg-block">
                <div class="list-group">
                    <a href="list.html" class="list-group-item list-group-item-action active">学院简介</a >
                    <a href="list.html" class="list-group-item list-group-item-action">领导班子</a >
                    <a href="list.html" class="list-group-item list-group-item-action">师资力量</a >
                    <a href="list.html" class="list-group-item list-group-item-action">机构设置</a >
                    <a href="list.html" class="list-group-item list-group-item-action">历史沿革</a >
                </div>
            </div>

            <!-- 右侧内容列表 -->
            <div class="col-lg-9">
                <h2 class="border-bottom pb-2 mb-4">学院简介 - 相关文章</h2>
                
                <!-- 文章列表项 -->
                <div class="list-item">
                    <h5><a href="neirong.html" class="text-dark text-decoration-none">XX学院2024年发展报告</a ></h5>
                    <p class="text-muted mt-1">报告涵盖学院2024年师资建设、学科发展、科研成果等核心内容，全年新增教授5人，获批国家级项目3项...</p >
                    <p class="text-secondary small">发布时间：2024-07-30 | 阅读量：1234</p >
                </div>
                <div class="list-item">
                    <h5><a href="detail.html" class="text-dark text-decoration-none">学院师资队伍建设规划（2024-2026）</a ></h5>
                    <p class="text-muted mt-1">规划明确未来三年师资引进、培养目标，计划引进海外高层次人才10人，培育省级教学名师2名...</p >
                    <p class="text-secondary small">发布时间：2024-06-15 | 阅读量：892</p >
                </div>
                <div class="list-item">
                    <h5><a href="detail.html" class="text-dark text-decoration-none">XX学院与XX企业共建实习基地签约仪式</a ></h5>
                    <p class="text-muted mt-1">5月20日，学院与XX科技公司签署合作协议，共建实践教学基地，为学生提供岗位实习、项目实训机会...</p >
                    <p class="text-secondary small">发布时间：2024-05-22 | 阅读量：657</p >
                </div>
                <div class="list-item">
                    <h5><a href="detail.html" class="text-dark text-decoration-none">学院历史沿革：从专业到学院的发展之路</a ></h5>
                    <p class="text-muted mt-1">追溯学院1998年成立专业、2010年升格为系、2020年正式建院的发展历程，展现学科建设的迭代升级...</p >
                    <p class="text-secondary small">发布时间：2024-04-10 | 阅读量：1021</p >
                </div>

                <!-- 分页控件（Bootstrap原生组件） -->
                <nav class="mt-5">
                    <ul class="pagination justify-content-center">
                        <li class="page-item disabled"><a class="page-link" href="#">上一页</a ></li>
                        <li class="page-item active"><a class="page-link" href="#">1</a ></li>
                        <li class="page-item"><a class="page-link" href="#">2</a ></li>
                        <li class="page-item"><a class="page-link" href="#">3</a ></li>
                        <li class="page-item"><a class="page-link" href="#">下一页</a ></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

    <!-- 页脚（与首页一致） -->
    <footer class="bg-dark text-white py-4">
        <div class="container text-center">
            <p>河南中医药大学 版权所有 | 地址：郑州市金水博学路156号 | 联系电话：0XXX-XXXXXXX</p >
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>